// pages/search/search.js
import {request1} from "../../public/js/request1"

Page({

  /**
   * 页面的初始数据
   */
  data: {
    //存储搜索数据
    seach_data:[],
    show_btn:false,
    values:''
  },

  //定义防抖动的全局变量
  timer:null,

  //拿input里面的内容
  get_value(e){
    let str = e.detail.value
    //检验是否合法
    if(!str.trim()){
      console.log('为空了');
      this.setData({
        show_btn:false,
        get_datas:[]
      })
      return
    }
    this.setData({
      show_btn:true,
      values:str
    })

    //请求数据
    
    // 防抖动
    clearTimeout(this.timer)

    this.timer = setTimeout(() => {
      this.get_datas({query:str})
    },500)
  },

  //清除数据
  clear(){
    this.setData({
      show_btn:false,
      seach_data:[],
      values:''
    })
  },

  // 封装获取数据方法
  async get_datas(query){
    const {data : res} = await request1({
      url:"https://api-hmugo-web.itheima.net/api/public/v1/goods/search",
      data:query
    })
    this.setData({
      seach_data:res.message.goods
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})